

      <div class="navbar-header aside-md"> <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav"> <i class="fa fa-bars"></i> </a> <a href="javascript:;" class="navbar-brand" data-toggle="fullscreen"><img src="res/images/logo.png" class="m-r-sm">{{app.name}}</a> <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".nav-user"> <i class="fa fa-cog"></i> </a> </div>
      <ul class="nav navbar-nav hidden-xs">
        <li class="dropdown"> <a href="javascript:;" class="dropdown-toggle dker" data-toggle="dropdown"> <i class="fa fa-building-o"></i> <span class="font-bold">Activity</span> </a>
          <section class="dropdown-menu aside-xl on animated fadeInLeft no-borders lt">
            <div class="wrapper lter m-t-n-xs"> <a href="javascript:;" class="thumb pull-left m-r"> <img src="res/images/avatar.jpg" class="img-circle"> </a>
              <div class="clear"> <a href="javascript:;"><span class="text-white font-bold">@Mike Mcalidek</span></a> <small class="block">Art Director</small> <a href="javascript:;" class="btn btn-xs btn-success m-t-xs">Upgrade</a> </div>
            </div>
            <div class="row m-l-none m-r-none m-b-n-xs text-center">
              <div class="col-xs-4">
                <div class="padder-v"> <span class="m-b-xs h4 block text-white">245</span> <small class="text-muted">Followers</small> </div>
              </div>
              <div class="col-xs-4 dk">
                <div class="padder-v"> <span class="m-b-xs h4 block text-white">55</span> <small class="text-muted">Likes</small> </div>
              </div>
              <div class="col-xs-4">
                <div class="padder-v"> <span class="m-b-xs h4 block text-white">2,035</span> <small class="text-muted">Photos</small> </div>
              </div>
            </div>
          </section>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right hidden-xs nav-user">
        <li class="hidden-xs"> <a href="javascript:;" class="dropdown-toggle dk" data-toggle="dropdown"> <i class="fa fa-bell"></i> <span class="badge badge-sm up bg-danger m-l-n-sm count">2</span> </a>
          <section class="dropdown-menu aside-xl">
            <section class="panel bg-white">
              <header class="panel-heading b-light bg-light"> <strong>You have <span class="count">2</span> notifications</strong> </header>
              <div class="list-group list-group-alt animated fadeInRight"> <a href="javascript:;" class="media list-group-item"> <span class="pull-left thumb-sm"> <img alt="{{userInfo.userName || userInfo.account}}" ng-src="{{userInfo.avatar || defaultAvatar}}" class="img-circle"> </span> <span class="media-body block m-b-none"> Use awesome animate.css<br>
                    <small class="text-muted">10 minutes ago</small> </span> </a> <a href="javascript:;" class="media list-group-item"> <span class="media-body block m-b-none"> 1.0 initial released<br>
                    <small class="text-muted">1 hour ago</small> </span> </a> </div>
              <footer class="panel-footer text-sm"> <a href="javascript:;" class="pull-right"><i class="fa fa-cog"></i></a> <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a> </footer>
            </section>
          </section>
        </li>
        <li class="dropdown hidden-xs"> <a href="javascript:;" class="dropdown-toggle dker" data-toggle="dropdown"><i class="fa fa-fw fa-search"></i></a>
          <section class="dropdown-menu aside-xl animated fadeInUp">
            <section class="panel bg-white">
              <form role="search">
                <div class="form-group wrapper m-b-none">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class="input-group-btn">
                        <button type="submit" class="btn btn-info btn-icon"><i class="fa fa-search"></i></button>
                        </span> </div>
                </div>
              </form>
            </section>
          </section>
        </li>
        <li class="dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <span class="thumb-sm avatar pull-left"> <img alt="{{userInfo.userName || userInfo.account}}" ng-src="{{userInfo.avatar || defaultAvatar}}"> </span> {{serInfo.userName || userInfo.account}} <b class="caret"></b> </a>
          <ul class="dropdown-menu animated fadeInRight">
            <span class="arrow top"></span>
            <li> <a href="javascript:;">Settings</a> </li>
            <li> <a href="profile.html">Profile</a> </li>
            <li> <a href="javascript:;"> <span class="badge bg-danger pull-right">3</span> Notifications </a> </li>
            <li> <a href="docs.html">Help</a> </li>
            <li class="divider"></li>
            <li> <a data-toggle="ajaxModal" ng-click="logout();">Logout</a> </li>
          </ul>
        </li>
      </ul>